<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>制作答案</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div class="subNav">
    2022-2033Web应用技术模拟测试答案制作
</div>
<div class="content">
    <form class="makeForm" action="RecordServlet" method="post">
        <p>一、单选题</p>
        <div class="singleOl">
        <!-- 定位锚点 -->
            <a id="s1"></a>
            1、<input type="text" name="single1" maxlength="1" pattern="[A-Z]" required="required"><br/><br/>
            <a id="s2"></a>
            2、<input type="text" name="single2" maxlength="1" pattern="[A-Z]" required="required"><br/><br/>
            <a id="s3"></a>
            3、<input type="text" name="single3" maxlength="1" pattern="[A-Z]" required="required"><br/><br/>
            <a id="s4"></a>
            4、<input type="text" name="single4" maxlength="1" pattern="[A-Z]" required="required"><br/><br/>
            <a id="s5"></a>
            5、<input type="text" name="single5" maxlength="1" pattern="[A-Z]" required="required"><br/><br/>
        </div>
        <p>二、多选题</p>
        <div class="multiOl">
            <a id="m1"></a>
            1、<input type="text" name="multi1" maxlength="4" pattern="[A-Z]{2,4}" required="required"><br/><br/>
            <a id="m2"></a>
            2、<input type="text" name="multi2" maxlength="4" pattern="[A-Z]{2,4}" required="required"><br/><br/>
            <a id="m3"></a>
            3、<input type="text" name="multi3" maxlength="4" pattern="[A-Z]{2,4}" required="required"><br/><br/>
        </div>
        <p>三、对错题</p>
        <div class="judgeOl">
            <a id="j1"></a>
             1、<select name="judge1">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j2"></a>
             2、<select name="judge2">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j3"></a>
             3、<select name="judge3">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j4"></a>
             4、<select name="judge4">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j5"></a>
             5、<select name="judge5">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j6"></a>
             6、<select name="judge6">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j7"></a>
             7、<select name="judge7">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j8"></a>
             8、<select name="judge8">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j9"></a>
             9、<select name="judge9">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
            <a id="j10"></a>
             10、<select name="judge10">
                <option value="正确">正确</option>
                <option value="错误">错误</option>
            </select><br/><br/>
        </div>
        <p>四、填空题</p>
        <div class="finnOl">
            <a id="f1"></a>
             1、<input type="text" name="fill1" required="required"><br/><br/>
            <a id="f2"></a>
             2、<input type="text" name="fill2" required="required"><br/><br/>
            <a id="f3"></a>
             3、<input type="text" name="fill3" required="required"><br/><br/>
            <a id="f4"></a>
             4、<input type="text" name="fill4" required="required"><br/><br/>
            <a id="f5"></a>
             5、<input type="text" name="fill5" required="required"><br/><br/>
        </div>
        <p>五、简答题</p>
        <div class="queryOl">
            <a id="q1"></a>
             1、<textarea name="query1" required="required"></textarea><br/><br/>
            <a id="q2"></a>
             2、<textarea name="query2" required="required"></textarea><br/><br/>
        </div>
        <div  id="submit" >
            <input type="submit" value="提交">
        </div>
    </form>
</div>

<div class="right_navi">
    <div>
        <p>一、单选题（20分）</p>
        <a href="#s1">1</a>
        <a href="#s2">2</a>
        <a href="#s3">3</a>
        <a href="#s4">4</a>
        <a href="#s5">5</a>
    </div>
    <div>
        <p>二、多选题（12分）</p>
        <a href="#m1">1</a>
        <a href="#m2">2</a>
        <a href="#m3">3</a>
    </div>
    <div>
        <p>二、对错题（40分）</p>
        <a href="#j1">1</a>
        <a href="#j2">2</a>
        <a href="#j3">3</a>
        <a href="#j4">4</a>
        <a href="#j5">5</a>
        <a href="#j6">6</a>
        <br/><br/>
        <a href="#j7">7</a>
        <a href="#j8">8</a>
        <a href="#j9">9</a>
        <a href="#j10">10</a>
    </div>
    <div>
        <p>五、填空题（20分）</p>
        <a href="#f1">1</a>
        <a href="#f2">2</a>
        <a href="#f3">3</a>
        <a href="#f4">4</a>
        <a href="#f5">5</a>
    </div>
    <div>
        <p>六、问答题（8分）</p>
        <a href="#q1">1</a>
        <a href="#q2">2</a>
    </div>
</div>
</body>
</html>